// 宽高铺满
.app-container {
  width: 100%;
  height: 100%;
}

// 垂直水平居中-横版
.vhc {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 垂直水平居中-竖版
.vhc-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

// 垂直居中-横版
.vc {
  display: flex;
  align-items: center;
}

// 垂直居中-竖版
.vc-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

// 水平居中-横版
.hc {
  display: flex;
  justify-content: center;
}

// 水平居中-竖版
.hc-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
